<% if(board != null){		
	var style = '';					
	if (board.attributes.background_picture_url) {
		var background_picture_url = board.attributes.background_picture_url.replace("_XXXX.jpg", "_s.jpg");
		style = 'background-image:url(' + background_picture_url + '); background-size:cover;';
	} else if (board.attributes.background_pattern_url) {
		var background_pattern_url = board.attributes.background_pattern_url.replace("_XXXX.jpg", "_s.jpg");
		style = 'background-image:url(' + background_pattern_url + '); background-size:cover;';
	} else if (board.attributes.background_color){
		style = 'background-color:' + board.attributes.background_color + ';color:#ffffff;';
	} else {
		style = '';
	}
%>
				
<a href="#/board/<%- board.attributes.id %>" class="highlight-icon clearfix">
	<span style="<%= style %>" class="preview-thumbnail"></span>
	<span class="details navbar-btn">
		<span title="<%- board.attributes.name %>" class="board-list-item-name htruncate btn-block navbar-btn"><%- board.attributes.name %></span>
		<span class="pull-right hide js-stared-conatiner js-stared-conatiner-<%- board.attributes.board_id %>"></span>  
	</span> 
</a>
<% }else{ %>
 <div class="alert alert-info">
	<%- i18next.t('No %s available.', { postProcess: 'sprintf', sprintf: [i18next.t('boards')] }) %>
</div>
<%}%>